<style lang="stylus">
  @import '../../common/stylus/mixin';

  .error {
    .message {
      height: 11.55556rem;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .text {
        margin-top: 0.72222rem;
        text-align: center;
        font-size: 0.45556rem;
        color: #666;
      }
    }
    .btnWrapper {
      margin: 0 0.41667rem;
      .submitRegist {
        default-btn(rgb(242, 48, 48));
        font-size: 0.41667rem;
      }
    }
  }
</style>

<template>
  <div class="error">
    <v-header-title :title="title"></v-header-title>
    <div class="message">
      <p class="text">{{message}}</p>
    </div>
    <div class="btnWrapper">
      <mt-button type="default" class="submitRegist" @click="$router.go(-1)">返回</mt-button>
    </div>
  </div>
</template>

<script>
import headerWithTitle from 'components/header/HeaderWithTitle';
export default {
  data() {
    return {
      title: '出错了',
      message: ''
    }
  },
  created() {
    this.message = this.$route.params.message;
  },
  components: {
    'v-header-title': headerWithTitle
  }
}
</script>


